//Base

//
//@variables
//

$body-background-color: #FFF !default;
$base-font-color: #333 !default;
$base-link-color: #0088cc !default;
$base-font-weight: normal !default;
$base-font-size: px-to-rems(16) !default;
$base-font-family: 'Open Sans', 'Helvetica Neue' !default;
$base-line-height: 1 !default;

//Text variations
$muted-text-color: #666666 !default;
$error-text-color: #c0392b !default;
$success-text-color: #27ae60 !default;

$include-hyphens: false !default;

//Reset settings
*, 
*:after, 
*:before { 
  @include box-sizing(border-box);
}

html, body, .off-screen {
  -webkit-overflow-scrolling: touch;
}

html {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

html, body {
  overflow-x: hidden;
  font-size: $base-font-size;
  font-weight: $base-font-weight;
  @if $include-hyphens {
    @include hyphens(auto);
  }
}

@if $include-hyphens {
  abbr,
  acronym,
  blockquote,
  code,
  dir,
  kbd,
  listing,
  plaintext,
  q,
  samp,
  tt,
  var,
  xmp {
    @include hyphens(none);
  }
}

body {
  background: $body-background-color;
  color: $base-font-color;
  padding: 0;
  margin: 0;
  font-family: $base-font-family;
  line-height: $base-line-height;
  height: 100%;
}

img,
embed,
object {
  max-width: 100%;
  height: auto;
}

img,
object {
  height: 100%;
}


//Helpful classes
.clearfix {
  @extend %clearfix;
}

.hidden {
  display: none;
}

.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

//Text color variations 
.text-muted {
  color: $muted-text-color;
}

.text-error {
  color: $error-text-color;
}

.text-success {
  color: $success-text-color;
}

//Text variations
.text-uppercase {
  text-transform: uppercase;
}

//Content alignment
.vertical-align {
  //The parent container must have height
  @extend %vertical-alignment;
}

//Remove padding
[class*="col-"].nopadding,
.nopadding {
  padding: 0;
}

//Google maps support
.gmap {
  img {
    max-width: none;
  }
}
